Can anyone please help me out?
I was trying to pro...
# support-questions-legacyp
paras
02/23/2023, 4:12 AMCan anyone please help me out?
I was trying to protect the frontend rout of my own ui, using usestate by doesSessionExists, but then it says that particular route doesn't exist.
But the same route works fine without it
r
rp_st
02/23/2023, 5:28 AMhey @paras can you elaborate on your question? Maybe share some code?
p
paras
02/24/2023, 4:25 AMimport React, { useEffect, useState } from 'react'
import '../node_modules/bootstrap/dist/css/bootstrap.min.css'
import './App.css'
import SuperTokens from 'supertokens-web-js';
import { BrowserRouter as Router, Routes, Route, Link , useNavigate} from 'react-router-dom'
import Login from './components/login.component'
import SignUpComponent from './components/signup.component'
import { SuperTokensConfig } from "./config";
import Session from "supertokens-web-js/recipe/session";
import HomePage from './components/homepage.component';
SuperTokens.init(SuperTokensConfig);
function App() {
const [isAuthenticated, setIsAuthenticated] = useState(false);
const sessionExist = async() =>{
if (await Session.doesSessionExist()) {
// user is logged in
setIsAuthenticated(true);
} else {
// user has not logged in yet
setIsAuthenticated(false);
}
};
useEffect( () => {sessionExist()}, []);
paras
02/24/2023, 4:25 AMreturn (
Frontend2
Login
Sign up
<Route path="/auth" element={} />
<Route path="/auth/sign-in" element={} />
<Route path="/auth/sign-up" element={} />
{/* <Route path="/auth/homepage" element={} /> */}
<Route path={isAuthenticated?"/auth/homepage":"/auth/sign-in"} element={isAuthenticated?:} />
)
}
export default App
paras
02/24/2023, 4:26 AMusing this code in App.tsx, I was trying to protect /auth/homepage rout, but it gives error as shown in ss above
r
rp_st
02/24/2023, 6:25 AMthere is no
/auth/homepagerp_st
02/24/2023, 6:26 AMplease see our docs / guides in more detail.
p
paras
02/25/2023, 5:05 AMAm using my own UI, and thus created a route for that, this route works fine when I am not protecting it
r
rp_st
02/25/2023, 5:37 AMah right. So the issue is with how you are using the Route component - i don't think you can dynamically change the route path like
path={isAuthenticated?"/auth/homepage":"/auth/sign-in"}p
paras
02/27/2023, 4:51 AMooh okk, lemme check it than
thanks
paras
02/28/2023, 10:52 AMbut am getting Server Error at localhost:5225
and the logs are as:
Using engine: sql. Type: postgres
[next-auth][error][NO_SECRET]
https://next-auth.js.org/errors#no_secret Please define a
secretsecretsecretsecretr
rp_st
02/28/2023, 10:52 AMthis is nothing to do with supertokens
p
paras
02/28/2023, 10:53 AMokk, sure
2 Views